.el-date-table.is-week-mode {
  .el-date-table__row {
    &:hover {
      td.available {
        &:hover {
          color: var(--color-font-second);
        }
      }
    }
  }
}
.el-date-table {
  td.today {
    span {
      color: var(--color-primary);
    }
  }
  td.available {
    &:hover {
      color: var(--color-primary);
    }
  }
  td.current {
    &:not(.disabled) {
      span {
        background-color: var(--color-primary);
      }
    }
  }
  td.end-date {
    span {
      background-color: var(--color-primary);
    }
  }
  td.start-date {
    span {
      background-color: var(--color-primary);
    }
  }
  td.selected {
    span {
      background-color: var(--color-primary);
      color: #fff;
      border-radius: 15px;
    }
  }
  td.week {
    color: var(--color-font-second);
  }
  th {
    color: var(--color-font-second);
    border-bottom: 1px solid var(--color-border-second);
  }
}
.el-month-table {
  td.today {
    .cell {
      color: var(--color-primary);
    }
  }
  td {
    .cell {
      width: 60px;
      height: 36px;
      display: block;
      line-height: 36px;
      color: var(--color-font-second);
      margin: 0 auto;
      border-radius: 0px;
    }
  }
  td.end-date {
    .cell {
      background-color: var(--color-primary);
    }
  }
  td.start-date {
    .cell {
      background-color: var(--color-primary);
    }
  }
  td.current {
    &:not(.disabled) {
      .cell {
        color: var(--color-primary);
      }
    }
  }
}
.el-year-table {
  .el-icon {
    color: var(--color-font-first);
  }
  td.today {
    .cell {
      color: var(--color-primary);
    }
  }
  td {
    .cell {
      color: var(--color-font-second);
      &:hover {
        color: var(--color-primary);
      }
    }
  }
  td.current {
    &:not(.disabled) {
      .cell {
        color: var(--color-primary);
      }
    }
  }
}
.el-time-spinner__arrow {
  color: var(--color-font-third);
  &:hover {
    color: var(--color-primary);
  }
}
.el-time-spinner__item {
  color: var(--color-font-second);
}
.el-time-spinner__item.active {
  &:not(.disabled) {
    color: var(--color-font-first);
  }
}
.el-date-editor {
  .el-range-input {
    color: var(--color-font-second);
  }
  .el-range-separator {
    color: var(--color-font-first);
  }
}
.el-range-editor.is-active {
  border-color: var(--color-primary);
  &:hover {
    border-color: var(--color-primary);
  }
}
.el-range-editor--small {
  .el-range-separator {
    min-width: 15px;
  }
}
.el-range-editor.is-disabled {
  border-color: var(--color-border-second);
  &:focus {
    border-color: var(--color-border-second);
  }
  &:hover {
    border-color: var(--color-border-second);
  }
}
.el-picker-panel {
  color: var(--color-font-second);
  border: 1px solid var(--color-border-second);
}
.el-picker-panel__shortcut {
  color: var(--color-font-second);
  &:hover {
    color: var(--color-primary);
  }
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: var(--color-primary);
}
.el-picker-panel__icon-btn {
  color: var(--color-font-first);
  &:hover {
    color: var(--color-primary);
  }
}
.el-date-picker__header--bordered {
  border-bottom: 1px solid var(--color-border-second);
}
.el-date-picker__header-label {
  color: var(--color-font-second);
  &:hover {
    color: var(--color-primary);
  }
}
.el-date-picker__header-label.active {
  color: var(--color-primary);
}
.el-date-range-picker__time-header {
  > .el-icon-arrow-right {
    color: var(--color-font-first);
  }
}
.el-time-range-picker__body {
  border: 1px solid var(--color-border-second);
}
.el-time-panel {
  border: solid 1px var(--color-border-second);
}
.el-time-panel__content {
  &::after {
    border-top: 1px solid var(--color-border-second);
    border-bottom: 1px solid var(--color-border-second);
  }
  &::before {
    border-top: 1px solid var(--color-border-second);
    border-bottom: 1px solid var(--color-border-second);
  }
}
.el-time-panel__btn {
  color: var(--color-font-first);
}
.el-time-panel__btn.confirm {
  color: var(--color-primary);
}
.time-select-item.selected {
  &:not(.disabled) {
    color: var(--color-primary);
  }
}
.time-select-item.disabled {
  color: var(--color-border-second);
}
